*,
*:before,
*:after {
  @include box-sizing(border-box);
}

html {
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
}

body,
.ionic-body {
  @include font-smoothing(antialiased);
  @include text-size-adjust(none);
  @include tap-highlight-transparent();
  // @include user-select(none);

  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;

  margin: 0;
  padding: 0;

  color: $base-color;
  word-wrap: break-word;
  font-size: $font-size-base;
  font-family: -apple-system;
  font-family: $font-family-base;
  line-height: $line-height-computed;
  text-rendering: optimizeLegibility;
  // -webkit-backface-visibility: hidden;
  // -webkit-user-drag: none;
  -ms-content-zooming: none;
}

// Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
// Note: For these to work, content must come after both bars in the markup
/* If you change these, change platform.scss as well */
.has-header {
  padding-top: $bar-height;
}
// Force no header
.no-header {
  padding-top: 0;
}

.has-subheader {
  padding-top: $bar-height + $bar-subheader-height;
}
.has-tabs-top {
  padding-top: $bar-height + $tabs-height;
}
.has-header.has-subheader.has-tabs-top {
  padding-top: $bar-height + $bar-subheader-height + $tabs-height;
}

.has-footer {
  padding-bottom: $bar-footer-height;
}
.has-subfooter {
  padding-bottom: $bar-footer-height + $bar-subfooter-height;
}

.has-tabs,
.bar-footer.has-tabs {
  padding-bottom: $tabs-height;
  &.pane{
    padding-bottom: $tabs-height;
    height:auto;
  }
}

.bar-subfooter.has-tabs {
  padding-bottom: $tabs-height + $bar-footer-height;
}

.has-footer.has-tabs {
  padding-bottom: $tabs-height + $bar-footer-height;
}

// A full screen section with a solid background
.pane {
  @include translate3d(0,0,0);
  @include transition-duration(0);
  z-index: $z-index-pane;
}
.view {
  z-index: $z-index-view;
}
.pane,
.view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: $base-background-color;
  z-index: 666;
}
.view-container {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

img, video {
  max-width: 100%;
}

a {
  cursor: pointer;
  &.activated {
    background-color: $item-stable-active-bg !important;
  }
}

button {
  cursor: pointer;
}

a[data-type="link"]:before {
  content: '\e947';
  font-family: "icomoon"
}
a[data-type="link"]:after {
  content: ' ';
}
